$(function () {
    // 需求1
    $("#link_reg").on("click", function () {
        // 点击去注册时隐藏登录区域
        $(".big-zhuce-b").hide()
        $(".big-zhuce-c").show()
    });
    $("#link_login").on("click", function () {
        $(".big-zhuce-b").show()
        $(".big-zhuce-c").hide()
    })

    // 需求2：自定义效验规则
    let form = layui.form;
    form.verify({
        pwd: [
            /^[\S]{6,16}$/,
            "密码必须6-16位，且不能输入空格"
        ],
        // 确认密码规则
        repwd: function (value) {
            // 选择器必须带空格
            let str = $(".big-zhuce-c input[name=password]").val()
            if (value !== str) {
                return "两次密码输入不一致"
            }
        }
    })

    // 需求3：注册功能
    let layer = layui.layer
    $('#form_reg').on("submit", function (e) {
        // 阻止默认提交
        e.preventDefault();
        // 发送ajax
        $.ajax({
            method: "POST",
            url: "http://api-breakingnews-web.itheima.net/api/reguser",
            data: {
                username: $(".big-zhuce-c input[name=username]").val().trim(),
                password: $(".big-zhuce-c input[name=password]").val().trim()
            },
            success: function (res) {
                if (res.status !== 0) {
                    return layer.msg(res.message, { icon: 5 });
                }
                // 提交成功后处理代码
                layer.msg("注册成功，请登录！", { icon: 6 });
                // 手动切换到登录表单
                $("#link_login").click();
                // 重置form表单
                $("#form_res")[0].reset();
            }
        })
    })

    // 4.登录功能
    $("#form_login").submit(function (e) {
        e.preventDefault();
        $.ajax({
            method: "POST",
            url: "http://api-breakingnews-web.itheima.net/api/login",
            data: $(this).serialize(),
            success: function (res) {
                if (res.status !== 0) {
                    return layer.msg(res.message, { icon: 5 });
                }
                // 提示信息，保存token跳转页面
                layer.msg('恭喜您，登录成功！', { icon: 6 });
                // 保存token未来的接口要是用token
                localStorage.setItem("token", res.token);
                // 跳转
                location.href = "/index.html";

            }
        })
    })




})